<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="../static/css/login.css"  rel="stylesheet" th:href="@{/css/login.css}">
    <link rel="stylesheet" href="../static/css/iconfont.css" th:href="@{/css/iconfont.css}">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<div class="container">

    <div class="form-box">


        <form class="login-box" th:action="@{/login/loginCode}" method="post" onsubmit="return dosubmit(this)">

            <h1>login</h1>


            <div class="code-login">

    <span>
        <i class="iconfont emailL">&#xe63e;</i>
        <input type="text" placeholder="邮箱" class="input_txt" name="email" th:value="${email}">
        <span id="resultEmail2"> </span>
    </span><br>
                <span class=" code-code-login  code-outer">
        <i class="iconfont">&#xe609;</i>
        <input type="text" placeholder="验证码" class="input_code" name="code" th:value="${code}">
        <button class="get-code-login" id="get-code" onclick="sendCode(this.form.email.value,this)" type="button">获取验证码</button>
    </span><br>




                <button class="button code-login-button" style="    margin-top: 25px;">登录</button>
                <button class="toggle toggle-password">密码登录</button>
            </div>

        </form>




    </div>
    <div class="con-box left">
        <h2>探寻<span>慧问</span>之新旅</h2>
        <p>快来入驻<span>慧问</span>畅聊趣事吧</p>
        <img src="../static/img/name.png" alt="" th:src="@{/img/name.png}" >
        <p>已有账号</p>
        <button id="login">向左滑</button>
    </div>
    <div class="con-box right">
        <h2>探寻<span>慧问</span>之新程</h2>
        <p>快来入驻<span>慧问</span>探索新知吧</p>

        <img src="../static/img/logo.png" alt="logo" th:src="@{/img/logo.png}">

        <button id="register">向右滑</button>
        <button>去注册</button>
    </div>

    <div class="bookOuter">
        <img src="../static/img/书(Book)_爱给网_aigei_com.gif" alt="书" class="book" th:src="@{/img/书(Book)_爱给网_aigei_com.gif}">
    </div>

</div>

<script th:inline="javascript">

    let result = [[${result}]];

</script>

</body>
<script src="../static/js/loginCode.js" th:src="@{/js/loginCode.js}"></script>

</html>